<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: 'sszh_nb',
  };
</script>

<style lang="scss">
	body {
		margin: 0;
		padding: 0;
		/*background: url(assets/bg1.jpg) center !important;
			background-size: cover;*/
		 /*background: #1F2D3D;*/
		font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;;
		font-size: 14px;
		-webkit-font-smoothing: antialiased;
		height:100%;
	}

	*, *:before, *:focus {
		box-sizing: border-box;
	}

	#app {
		position: absolute;
		top: 0px;
		bottom: 0px;
		width: 100%;
		height:100%;
	}

	.el-submenu [class^=fa] {
		vertical-align: baseline;
		margin-right: 10px;

	}

	.el-menu-item [class^=fa] {
		vertical-align: baseline;
		margin-right: 10px;
	}

	.toolbar {
		background: #f2f2f2;
		padding: 10px;
		//border:1px solid #dfe6ec;
		margin: 10px 0px;
		.el-form-item {
			margin-bottom: 10px;
		}
	}

	.fade-enter-active,
	.fade-leave-active {
		transition: all .2s ease;
	}

	.fade-enter,
	.fade-leave-active {
		opacity: 0;
	}
	.m-block {
		margin:20px;
		padding: 30px;
		border: 1px solid #eaeefb;
		border-radius: 4px;
		transition: .2s;
	}
</style>
